<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 页面传参的用途：页面之间互相传递数据，可以传递少量的以及无需加密的数据 get请求 -->
    <p>
        给当前页面加上： ?title_color=ffffff&nav_bar_color=000000&status_bar_color=000000&appType=juejin&magic_page_no=1
    </p>
    <script>
        var query = location.search.substr(1);
        // 字符串转为obj
        var arr1 = query.split('&'); // 这个数组是大数组 里面放在所有的数据
        // console.log(arr1[0].split('='));// 这个数组是小数组 里面只有2个数据
        var obj = {};
        for(var i=0; i<arr1.length; i++) {
            // 给obj新增属性和属性值 小数组的第0项作为属性 第1项作为属性值
            obj[arr1[i].split('=')[0]] = arr1[i].split('=')[1];
        }
        console.log(obj);
    </script>
</body>
</html>